<template>
  <div class="cart">
    <NavBar class="nav-bar">
        <div slot="center" class="center">
            购物车({{$store.state.cartList.length}})
        </div>
    </NavBar>
    <CartList></CartList>
    <CartBottomBar></CartBottomBar>
  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar';
import CartList from './childComps/CartList';
import CartBottomBar from './childComps/CartBottomBar';

export default {
    name:'Cart',
    components:{
        NavBar,
        CartList,
        CartBottomBar
    }

}
</script>

<style scoped>
.nav-bar{
    background: var(--color-tint);
    
}
.cart{
    height: 100vh;
}
</style>